<template>
	<view class="model">
		<view class="wrap">
			<view class="tit">个人信息授权书</view>
			<view class="overFlow">
				<view class="text">
					<p>为了保障您的合法权益，您应当阅读并遵守本授权书，请您务必审慎阅读、充分理解授权书条款内容。</p>
					<p>一、本人同意并授权 成都天启数科网络安全技术有限公司 将自己的姓名、手机号、身份证号通过 上海钜盒信息科技有限公司 传送给 上海钜盒信息科技有限公司
						的合作方或者关联公司（以下简称合作方）在为本人申请的背调业务期间内向公证处核查本人的婚姻、不
						动产登记情况等信息。在查询过程中，本人同意 上海钜盒信息科技有限公司
						向公证处提供本人姓名、身份证号码及相关证据材料。本人授权公证处有权向依法保存本人的相关婚姻、不动产信息及其相关的司法文书、文件的民政局、不动产登记部门、法院等机构查询，并同意合作方可以将本人上述信息和分析结果传输给
						上海钜盒信息科技有限公司 并由 上海钜盒信息科技有限公司 向 成都天启数科网络安全技术有限公司 提供本人上述信息和分析结果的查询和下载。
					<p>二、为便于向本人提供更加优质的服务和产品，本人授权 上海钜盒信息科技有限公司 的合作方可以将上述信息在进行了非指向性和脱敏化处理后，分享给必要的合作伙伴，或进行其他商业用途。
					</p>
					<p class="z">授权人声明：</p>
					<p class="z">本授权书是本人向 上海钜盒信息科技有限公司 及其合作方或者关联公司做出的承诺，效力具有独立性，不因其他任何合同条款无效而无效。</p>
					<p class="z">以上授权期限为本人作出本授权承诺之日起至本人与 成都天启数科网络安全技术有限公司 所有业务终结之日止。</p>
					<p class="r">授权人：{{form.name ? form.name :'您的姓名'}}</p>
					<p class="r">身份证号：{{form.cardNo ? form.cardNo :'您的身份证号'}} </p>
					<p class="r">{{parseTime(new Date(),'{y}年{m}月{d}日')}}</p>
				</view>
			</view>
			<view class="btn" @click="$emit('readed')">
				我已阅读
			</view>
		</view>
	</view>
</template>

<script>
	import {
		parseTime
	} from '@/utils/validate.js'
	export default {
		name: "realEstateAgree",
		data() {
			return {
				form: {}
			}
		},
		methods: {
			parseTime
		},
		created() {
			// 定义事件,注意箭头函数应用
			this.$bus.$on('sendInfo', data => {
				console.log('--sendInfo--', data)
				this.form = data
			})
		}
	}
</script>

<style lang="scss">
	.model {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.397);
		z-index: 100;

		.wrap {
			background-color: #fff;
			margin: 42px;
			border-radius: 9px;
			padding: 10px;
			position: relative;

			.tit {
				font-size: 18px;
				text-align: center;
				font-weight: 600;
				margin-bottom: 10px;
			}

			.overFlow {
				overflow: scroll;
				max-height: 400px;

				.text {
					.title {
						text-align: center;
						font-size: 15px;
					}

					p {
						line-height: 1.6;
						text-align: justify;
						text-justify: inter-ideograph;
						text-indent: 2em;
					}

					p.z {
						font-size: 14px;
						font-weight: 500;
						text-indent: 2em;
						font-weight: 600;
					}

					p.r {
						text-align: right;
					}
				}
			}

			.btn {
				width: 140px;
				height: 40px;
				background: #0091FF;
				border-radius: 6px;
				line-height: 40px;
				text-align: center;
				color: #fff;
				font-size: 16px;
				margin: 10px auto 0;
			}
		}
	}
</style>